<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="in">
			<input type="text" id="msg" value="" />
			<button id="btn">获取Val</button>
		</div>
		<div id="box">
			显示内容：
			<span class="msg">好好学习天天向上</span>
			<button id="btn1">获取Msg</button>
		</div>
		
		<script src="js/jquery.3.6.3.js"></script>
		<script>
			$("#btn1").click(function(){
				//htm代码操作
				// //设置
				// $(".msg").html("<h1>你好呀！！！</h1>");
				// //获取
				// let msgHtml = $(".msg").html();
				// console.log(msgHtml);
				
				
				//htm文本操作
				// //设置
				// $(".msg").text("<h1>你好呀！！！</h1>");
				//获取
				// let msgText = $(".msg").text();
				// console.log(msgText);
			})
			
			$("#btn").click(function(){
				//属性值操作
				// //设置
				// $("#msg").val("好好学习天天向上");
				//获取
				let msgVal = $("#msg").val();
				$(".msg").html(msgVal);
				
			})
		</script>
	</body>
</html>